<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/mui.picker.min.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/lCalendar.css">
		<link rel="stylesheet" type="text/css" href="css/xiaoma.css"/>
		<link rel="stylesheet" type="text/css" href="css/querendingdan.css"/>
		<link rel="stylesheet" type="text/css" href="css/tianjiadizhi.css"/>
		<script>
			var iScale = 1;
			iScale = iScale / window.devicePixelRatio;
			document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">')
		</script>
		<!--动态设置文字大小-->
		<script>
			var iWidth = document.documentElement.clientWidth;
			document.getElementsByTagName('html')[0].style.fontSize = iWidth / 15 + 'px';
		</script>
		<style type="text/css">
			.swiper-slide-active{
				width: 8.8rem!important;
                height: 1.5rem!important;
	             color: #000000 !important;
            }
            #errorpopup{
				position: fixed;
				top: 1.8rem;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.5);
				z-index: 110;
				display: none;
			}
			#popup-main{
				position: absolute;
				top: 6rem;
				left: 0.8rem;
				width: 13.4rem;
				height:7.5rem;
				background: #FFFFFF;
			}
			.popup-head{
				width: 100%;
				height:1.6rem;
				border-bottom: 0.02rem  solid #999999;
			}
			.popup-head img{
				width:0.8rem;
				height:0.8rem;
				float: left;
				margin-left: 0.2rem;
				margin-top: 0.4rem;
			}
			.popup-head span{
				display: inline-block;
				font-size:0.6rem;
			    color: #202020;
			    margin-top: 0.65rem;
			    margin-left: 0.2rem;
			    letter-spacing: 0.04rem;
			}
			.popup-main{
				height: 4rem;
				width: 8.8rem;
				margin:0 1.9rem;
			}
			.popup-main ul li{
				height:2rem;
				width: 100%;
				border-bottom: 0.02rem  solid #999999;
				font-size: 0.6rem;
				color: #333333;
				text-align: center;
				line-height: 2rem;
			}
			.popup-xiao{
				width: 5rem;
				height: 1.6rem;
				margin: 0 auto;
				font-size:0.6rem;
				color: #333333;
				text-align: center;
				line-height:1.6rem;
			}
			#linkregister{
				font-size: 0.56rem;
				display: inline-block;
				height: 2rem;
				width: 40%;
				margin-left: 12.5rem;
				margin-top:-1rem;
				position: absolute;
			}
		</style>
	</head>
<body>
	<c:if test="${requestScope.error!=null}"><script>openErrorPopup();</script></c:if>
	<div id='header'>
   	  <div class="header-yi">
   	  	<a href="javascript:void(0)" onClick="window.history.back(-1);"><img src="img/2452.png" alt="" /></a>
   	  </div>
   	  <div class="header-er">登录</div>
   	  <div class="header-san">
   	  	<img src="img/74275.png" alt="" />
   	  </div>
   </div>
<div id="sectionss">
   	 <div id="main">
   	 <form action="ActionServlet?action=login" method="post" id="sublogin">
   	 	<div class="tian-head">
   	 	  <div></div>
   	 	  <span>个人信息</span>
   	 	</div>
   	 	<div class="beikuang"></div>
   	 	<div class="tian-ren">
   	 		<ul>
   	 			<li class="ren-ti">
   	 				<span>用户</span>
   	 				<input type="text" value="输入用户名" id="text1" name="name" onfocus="javascript:this.value=''">
   	 			</li>
   	 			<li style="width:0.5em"></li>
   	 			<li class="ren-san">
   	 				<span>密码</span>	
   	 				<input type="text"  id="text4" value="输入密码" name="password" onfocus="javascript:this.value=''" />
   	 			</li>
   	 		</ul>
   	 	</div>
   	 	<div class="tian-zi">
   	 		<div class="tian-head">
   	 	        <div></div>
   	 	        <span>餐桌号码</span>
   	 	    </div>
   	 	    <div class="beikuang"></div>
   	 	    <ul>
   	 	    	<li class="di-yi">
   	 	    		<span>所坐餐桌号</span>
   	 	    		<!-- <div id="text2">请选择餐桌号码</div> -->
					<input type="text" class="desk"  id="text2" value="选择餐桌号码"  name="desk"/>
				</li>
   	 	    </ul>
   	 	</div>
   	 	<c:if test="${requestScope.uri!=null}"><input type="hidden" name="uri" value="${requestScope.uri}"/></c:if>
   	 	<div onclick="sublogin();" class="tian-footer">登录</div>
   	 	</form> <a id="linkregister" href="register.jsp?uri=${requestScope.uri}">注册</a>
   	 </div>
   </div>
   <div id="diahua"> <!--//拨打电话-->
   	  <div id="diahua-main">
   	  	 <div class="dianhua-head">
   	   	    <img src="img/20170329114004.png" alt="" />
   	   	    <span>拨打电话</span>
   	    </div>
   	    <div class="dianhua-main">
   	   	   <ul>
   	   	  	<li>配餐电话:13659789562</li>
   	   	  	<li>客服电话:0377-25987456</li>
   	   	   </ul>
   	     </div>
   	   <div class="dianhua-xiao">取消</div>
   	  </div>
   </div>
   	<!--//修改区域-->
   <div id="quyu">
   	  <div class="quyu-main">
   	    <div class="quyu-head">
   	   	   <img src="img/11.png" alt="" />
   	   	   <span>请选择所坐的餐桌号码</span>
   	    </div>
   	    <div class="quyu-kuang"></div>
   	    <div id="qu-kuang">
   	        <div class="quyu-ul">
   			  <div class='swiper-wrapper '>
   				<div class="swiper-slide sl ">
   				    <span>外卖</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>1号</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>2号</span>
   				</div>
				<div class="swiper-slide sl ">
					<span>3号</span>
				</div>
   				<div class="swiper-slide sl ">
   				    <span>4号</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>5号</span>
   				</div>
   			  </div>
   		    </div>
   	    </div> 
   	     <div class="quyu-anniu">
   	    	<span class="anniu-yi">取消</span>
   	    	<span class="anniu-er">确定</span>
   	    </div>
   	  </div>
   </div>
   	  <div id="errorpopup"> <!--//错误提示框-->
   	  <div id="popup-main">
   	  	 <div class="popup-head">
   	   	    <img src="img/7.png" alt="" />
   	   	    <span>警告！</span>
   	    </div>
   	    <div class="popup-main">
   	   	   <ul>
   	   	  	<li id="error">${requestScope.error }</li>
   	   	   </ul>
   	     </div>
   	   <div class="popup-xiao">取消</div>
   	  </div>
   </div>
   <script src="js/jquery-1.11.1.js" type="text/javascript"></script>  
   <script src="js/swiper.js" type="text/javascript"></script>  
   <script src="js/mui.min.js" type="text/javascript"></script>
   <script src="js/mui.picker.min.js" type="text/javascript"></script>
   <script src="js/lCalendar.js"></script>
   <script src="js/tianjiadizhi.js" type="text/javascript"></script>
   <script src="js/dianhua.js" type="text/javascript"></script>
   <script src="js/common.js" type="text/javascript"/></script>
    <script>
            initradio('Ren',1);
            var tt;
            var oval=document.getElementById('text2')
            $('.quyu-anniu .anniu-er').click(function(){
            	 tt=$('.swiper-slide-active span').text();
            	 $('#quyu').css({'z-index':'0','opacity':'0'});
            	 $('#text2').val(tt);
            })
            $('.quyu-anniu .anniu-yi').click(function(){
            	 $('#quyu').css({'z-index':'0','opacity':'0'});
            })
            
    </script>
</body>
</html>